<template>
    <ul class="sidebar">
        <sidebar-item v-for="menu in routes" :key="menu.id" :path="menu.path" :children="menu.children">
            {{ menu.label }}
        </sidebar-item>
    </ul>
</template>

<script>
import sidebarItem from './item';

export default {
    name: 'Sidebar',
    props: { routes: Array },
    components: { sidebarItem },
};
</script>